<template>
  <div>
      <!-- 头部 -->
    <div class="w-header1">
      <div class="w-xhead1">
        <i @click="zhu()"></i>
        <span>神灯值明细</span>
        <!-- <div class="handle">
            <em @click="qing()">清空</em><em class="xian"></em><em @click="bianji()">编辑</em>
        </div> -->
      </div>
    </div>
    <!-- 信息 -->
    <div class="regper">
      <ul>
        <li v-for="item in arr" :key="item">
          <div>
            <p>邀请一位好友注册({{item.tel}})</p>
            <span>{{item.datatime}}</span>
          </div>
          <div>+10</div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
    name:'Dengyao',
    data(){
        return{
            arr:[
                    {
                    tel: "18712340809",
                    datatime: "2017-08-10",
                    },
                    {
                    tel: "18712340809",
                    datatime: "2017-08-10",
                    },
                ]
        }
    },
    methods:{
        //回到主页
        zhu(){
        //  this.$router.replace('/');
         this.$router.replace('/dengzhi');
        },
    }
}
</script>

<style scoped>
/* 邀请记录 */
      .regper {
        width: 100%;
        background-color: #fff;
        padding-top: 9.6rem;
        text-align: left;
      }
      .regper ul li {
        border-bottom: 0.1rem solid #ccc;
        height: 10rem;
        width: calc(100% - 4rem);
        padding: 0 2rem;
        display: flex;
      }
      .regper ul li div:nth-child(1) {
        width: calc(100% - 10rem);
      }
      .regper ul li div:nth-child(1) span {
        color: #808080;
        font-size: 2rem;
      }
      .regper ul li div:nth-child(1) p {
        color: #4c4c4c;
        font-size: 2.4rem;
        padding-top: 2.6rem;
        padding-bottom: 0.4rem;

      }
      .regper ul li div:nth-child(2) {
        width: 10rem;
        color: #e53e42;
        font-size: 3.6rem;
        height: 10rem;
        line-height: 10rem;
        text-align: right;
      }
      /* head */
      /* 头部 */
.handle{
    width: 20rem;
    height: 9.6rem;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 3rem;

}
.handle em:nth-child(2){
    display: inline-block;
    height: 2.8rem;
    border-left: 0.1rem solid #fff;
    margin: 0 0.7rem;
    position: relative;
    top: 0.4rem;
}
</style>